<template>
	<div class="model-canvas">
		<div class="img-canvas" :style="bg">
			<img :src="bg.$img" />
		</div>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
	name: "model-canvas",
	props: {
		bg: {
			type: Object,
			default() {
				return {
					$img: "/origin.png",
					background: "white",
					backgroundImage: "",
				};
			},
		},
	},
});
</script>

<style lang="less">
.model-canvas {
	margin: 30px 0px;
	display: flex;
	justify-content: center;
	.img-canvas {
		height: 500px;
		box-shadow: darkgrey 10px 10px 30px 5px;
		img {
			height: 100%;
		}
	}
}
</style>
